<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>租房首页</title>
</head>

<body>
    <div class="main">
        <div class="top">
            <div class="address">北京</div>
            <div class="search">
                <i class="iconfont icon-search"></i>
                <p>输入小区名称或商圈</p>
            </div>
            <div class="news">
                <img src="./icons/header_news.png" alt="">
            </div>
        </div>

        <div class="content">
            <div class="banner">
                <img src="./imgs/banner.png" alt="">

                <div class="dot">
                    <span class="s1"></span>
                    <span class="s2 s3"></span>
                    <span class="s2"></span>
                </div>

                <div class="pic-tow">
                    <img src="./icons/nav_1.png" alt="">
                    <img src="./icons/nav_2.png" alt="">
                </div>
            </div>
        </div>

        <div class="youhui">
            <div class="y-top">
                <h4>超值优惠</h4>
                <img src="./icons/content_icon_next.png" alt="">
            </div>

            <div class="y-room">
                <div class="left">
                    <div class="pic">
                        <img src="./imgs/home_list_tu1@2x.png" alt="">
                    </div>
                    <h4>宝石花园</h4>
                    <p>朝阳区-2室1厅 -90m²</p>
                    <span>¥7800元/月</span>
                </div>
                <div class="left">
                    <div class="pic">
                        <img src="./imgs/home_list_tu2@2x.png" alt="">
                    </div>
                    <h4>领袖新规度3号院</h4>
                    <p>朝阳区-2室1厅 -90m²</p>
                    <span>¥12356元/月</span>
                </div>
                
            </div>
        </div>

        <div class="banner2">
            <img src="./imgs/ggwei_home.png" alt="">
        </div>

        <!-- 为您推荐模块 -->
        <div class="tuijian">
            <div class="t-top">
                <h4>为您推荐</h4>
                <span>
                    <p class="active">整租</p>
                    <div class="bar"></div>
                    <p>合租</p>
                </span>
            </div>

            <div class="t-list">
                <ul>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./imgs/home_list_tu1@2x.png" alt="">
                            </div>
                            <div class="text">
                                <h4>整租-保利家园7号院1号楼</h4>
                                <p>朝阳区-2室1厅 -90m²</p>
                                <p>距5号线立水桥站1200米，13号线广西...</p>

                                <div class="type">
                                    <p>独卫</p>
                                    <p>含阳台</p>
                                </div>

                                <span>
                                    <i>¥7800</i>
                                    元/月
                                </span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./imgs/home_list_tu2@2x.png" alt="">
                            </div>
                            <div class="text">
                                <h4>整租-保利家园7号院1号楼</h4>
                                <p>朝阳区-2室1厅 -90m²</p>
                                <p>距5号线立水桥站1200米，13号线广西...</p>

                                <div class="type">
                                    <p>独卫</p>
                                    <p>含阳台</p>
                                </div>

                                <span>
                                    <i>¥2400</i>
                                    元/月
                                </span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./imgs/home_list_tu3@2x.png" alt="">
                            </div>
                            <div class="text">
                                <h4>整租-东方银座B作</h4>
                                <p>朝阳区-2室1厅 -90m²</p>
                                <p>距5号线立水桥站1200米，13号线。</p>

                                <div class="type">
                                    <p>独卫</p>
                                    <p>含阳台</p>
                                </div>

                                <span>
                                    <i>¥7800</i>
                                    元/月
                                </span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./imgs/home_list_tu4@2x.png" alt="">
                            </div>
                            <div class="text">
                                <h4>整租-天下第一城</h4>
                                <p>朝阳区-2室1厅 -90m²</p>
                                <p>距5号线立水桥站1200米，13号线广西...</p>

                                <div class="type">
                                    <p>独卫</p>
                                    <p>含阳台</p>
                                </div>

                                <span>
                                    <i>¥7800</i>
                                    元/月
                                </span>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="pic">
                                <img src="./imgs/home_list_tu1@2x.png" alt="">
                            </div>
                            <div class="text">
                                <h4>整租-保利家园7号院1号楼</h4>
                                <p>朝阳区-2室1厅 -90m²</p>
                                <p>距5号线立水桥站1200米，13号线广西...</p>

                                <div class="type">
                                    <p>独卫</p>
                                    <p>含阳台</p>
                                </div>

                                <span>
                                    <i>¥7800</i>
                                    元/月
                                </span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="btm-search">
            <p>查看更多优质房源</p>
        </div>
        <!-- <div class="kongbai"></div> -->


        <div class="banner3">
            <img src="./imgs/gushirukou_home.png" alt="">
        </div>
        
        <div class="bottom">
            <ul>
                <li>
                    <a href="#" class="active">
                        <i class="iconfont icon-home"></i>
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont icon-search"></i>
                        <p>快速找房</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont icon-agent"></i>
                        <p>委托代理</p>
                    </a>
                </li>
                <li>
                    <a href="#"> <i class="iconfont icon-my"></i>
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </div>

    </div>

    <script src="./js/flexible.js"></script>
</body>

</html>